$(function () {


// tab栏切换
$(".top").children("section").on("click",function () {
    $(this).css("color","red").siblings().css("color","black");
    var Index = $(this).index();
    $(".middle").children("section").eq(Index).css("display","block").siblings().css("display","none");
    if(Index==1){
        $(".middle").css("height","230px");
    }else {
        $(".middle").css("height","254px");
    };
})

// 生成相应的文本框
    add();

    $(".click-code").on("mouseenter",function () {
        $(this).css("color","red");
    })
    $(".click-code").on("mouseleave",function () {
        $(this).css("color","gray");
    })
    //点击切换登入方式
    var flag =true;
    $(".click-code").on("click",function () {
        if(flag==true){
            flag=false;
            if($(".byplone .code")){
                $(".byplone .code").remove()
            }
            $("#loginbtn").before($("<section class='imgcode'><span class = 'judge'></span></section>"));
            $(".byplone .imgcode").append($("<img id='dragimg' src='../img/img-code/slider_valid.png'>"));
            $("#loginbtn").before($("<section class='telecode'></section>"));
            $(".byplone .telecode").append($("<span>获取验证码</span>"));
            $(".byplone .telecode").append($("<input type='password' id='code1' placeholder='请输入密码'>"));
            $(".middle").css("height","290px");
            $(".byplone .freelogin").children("a").text("遇到问题？").css("font-size","12")
            $(".imgcode").on("mouseenter",function () {
                $(".imgcode").append($("<section class='codeimg'></section>"))
                $(".byplone .codeimg").append($("<img id='randomimg' src='../img/img-code/slider_valid.png'>"));
                $(".byplone .codeimg img").css({"left":getRan(0,207)+"px","top":getRan(0,60)+"px"})


                // var oI= document.getElementById("dragimg")
                // var All = document.getElementsByClassName("imgcode")[0]
                // var Login = document.getElementsByClassName("login")[0]
                // var ss = document.getElementById("randomimg")
                // oI.onmousedown=function(evt){
                //     var e = evt||window.event
                //     disX=e.offsetX;
                //
                //     window.onmousemove=function(evt){
                //         var ee = evt||window.event
                //         oI.style.left=ee.clientX-All.offsetLeft-Login.offsetLeft-Login.parentNode.offsetLeft-disX+"px"
                //         console.log(ee.clientX);
                //         console.log(ee.clientX-All.offsetLeft-Login.offsetLeft+Login.parentNode.offsetLeft-disX);
                //     }
                //     window.onmouseup=function(){
                //         window.onmousemove=null;
                //         window.onmouseup=null;
                //         if(Math.abs(parseInt(oI.offsetLeft)-parseInt(ss.offsetLeft))<10){
                //             $(".judge").addClass("true")
                //         }else{
                //             $(".judge").addClass("flase")
                //         }
                //
                //     }
                // }
            })
            $(".imgcode").on("mouseleave",function () {
                $(this).children(".codeimg").remove();
            })
            // $("#dragimg").on("mousepress",function (evt) {
            //    var disX=evt.offsetX;
            //     $(document).on("mousemove",function (evt) {
            //         var X=evt.clientX-$("#body .wrapper .login .imgcode").offset().left-disX;
            //         if(X<=0){
            //             X=0;
            //         }
            //         if(X>=207){
            //             X=207;
            //         }
            //         $("#dragimg").css("left",X);
            //     })
            //     $(document).on("mouseup",function () {
            //         document.onmousemove=null;
            //         document.onmouseup=null;
            //         $(".imgcode").children(".codeimg").remove();
            //     })
            // })


        }else {
            flag=true;
            if($(".byplone .imgcode")){
                $(".byplone .imgcode").remove();
                $(".byplone .telecode").remove();
                $(".middle").css("height","254px");
                $(".byplone .freelogin").children("a").text("忘记密码？").css("font-size","12")
            }
            add();
        }
    })
    
    //免登入
    var tempstr=$.cookie("mylogin");
    if(tempstr){
        $('#e-mail').val(JSON.parse(tempstr).umail);
        $('#code').val(JSON.parse(tempstr).upwd);
    }
    $("#loginbtn1").on("click",function(){
    	var arr = $.toObject($("#myinfo").serialize())
        var adss = arr.umail.replace(/%40/,"@")
        arr.umail=adss;
        $.ajax({
    		type:"post",
    		url:"http://localhost/project/login1.php",
    		async:true,
    		data:arr,
    		success:function(res){
                console.log(res)
                var ser = JSON.parse(res)
                if(ser.status==1){
                    console.log(1);
                    if($(".freelogin").eq(1).find("input[type='checkbox']")[0].checked){
    			    $.cookie('mylogin',JSON.stringify(arr),{expires:7})
                    }
    			    setTimeout(function(){
    			     window.location.href = "../index.html"
    		        },100)
                }
    		}
    	});
    
    })

})

function add() {
    $("#loginbtn").before($("<section class='code'></section>"));
    $(".byplone .code").append($("<i class='iconfont icon-mima'></i>"));
    $(".byplone .code").append($("<input type='password' id='code1' placeholder='请输入密码'>"));
}